<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <title>找回密码 - {$login_title}</title>
    <meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <link rel="stylesheet" href="/static/css/bootstrap.css" type="text/css"/>
    <link rel="stylesheet" href="/static/css/animate.css" type="text/css"/>
    <link rel="stylesheet" href="/static/css/font-awesome.min.css" type="text/css"/>
    <link rel="stylesheet" href="/static/css/simple-line-icons.css" type="text/css"/>
    <link rel="stylesheet" href="/static/css/font.css" type="text/css"/>
    <link rel="stylesheet" href="/static/css/app.css" type="text/css"/>
    <link rel="stylesheet" href="/static/css/sweetalert.css" type="text/css">
</head>
<body>
<div class="app app-header-fixed ">
<div class="container w-xxl w-auto-xs"ng-controller="SigninFormController"ng-init="app.settings.container = false;">
    <span class="navbar-brand block m-t">{$login_span}</span>
<div class="m-b-lg">
<div class="wrapper text-center">
<strong>请输入要找回密码得用户名/QQ号/邮箱号!</strong>
</div>
<form name="form"class="form-validation"method="post" action="{:url('Ajax/password')}">
<div class="text-danger wrapper text-center"ng-show="authError">
</div>
<div class="list-group list-group-sm swaplogin">
<div class="list-group-item">
<input type="text"name="user"placeholder="请输入用户名/QQ号/邮箱号"class="form-control no-border"required>
</div>
<div class="list-group-item">
<input type="text"name="code"placeholder="请输入下方验证码" maxlength="5" onkeyup="this.value=this.value.replace(/\D/g,'')" class="form-control no-border"required>
</div>
<div class="list-group-item">
<img title="点击刷新" src="/other/code.php" onclick="this.src='/other/code.php?'+Math.random();" class="img-rounded"> <small>看不清？点击图片更换</small>
</div>
<button type="submit"class="btn btn-lg btn-primary btn-block">立即找回</button>
<div class="line line-dashed"></div>
<p class="text-center"><small>已经记得账户?</small></p>
<a href="{:url('login')}"ui-sref="access.signup"class="btn btn-lg btn-default btn-block">点击立即登陆</a>
</form>
</div>
<div class="text-center">
<p>
    <small class="text-muted">{$login_footer}<br>&copy; 2017</small>
</p>
</div>
</div>
</div>
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/sweetalert.min.js"></script>
<script src="/static/js/bootstrap.js"></script>
<script src="/static/js/ui-load.js"></script>
<script src="/static/js/ui-jp.config.js"></script>
<script src="/static/js/ui-jp.js"></script>
<script src="/static/js/ui-nav.js"></script>
<script src="/static/js/ui-toggle.js"></script>
<style>#circle{opacity:0;filter:alpha(opacity='0') background-color:#ffffff;border:5px solid #FF0000;opacity:.9;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-radius:50px;box-shadow:0 0 35px #FF0000;width:60px;height:60px;margin:0 auto;position:fixed;left:30px;bottom:30px;-moz-animation:spinPulse 1s infinite linear;-webkit-animation:spinPulse 1s infinite linear;-o-animation:spinPulse 1s infinite linear;-ms-animation:spinPulse 1s infinite linear;}#circle1{opacity:0;filter:alpha(opacity='0') background-color:#ffffff;border:6px solid #FF0000;opacity:.9;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-radius:50px;box-shadow:0 0 15px #FF0000;width:40px;height:40px;margin:0 auto;position:fixed;left:39px;bottom:39px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;-o-animation:spinoffPulse 1s infinite linear;-ms-animation:spinoffPulse 1s infinite linear;}#circletext{opacity:0;filter:alpha(opacity='0') width:46px;height:20px;margin:0 auto;position:fixed;left:46px;bottom:53px;color:#F00}@-moz-keyframes spinPulse{0%{-moz-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050;}50%{-moz-transform:rotate(145deg);opacity:1;}100%{-moz-transform:rotate(-320deg);opacity:0;}}@-moz-keyframes spinoffPulse{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);}}@-webkit-keyframes spinPulse{0%{-webkit-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050;}50%{-webkit-transform:rotate(145deg);opacity:1;}100%{-webkit-transform:rotate(-320deg);opacity:0;}}@-webkit-keyframes spinoffPulse{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}@-o-keyframes spinPulse{0%{-o-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050;}50%{-o-transform:rotate(145deg);opacity:1;}100%{-o-transform:rotate(-320deg);opacity:0;}}@-o-keyframes spinoffPulse{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(360deg);}}@-ms-keyframes spinPulse{0%{-ms-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050;}50%{-ms-transform:rotate(145deg);opacity:1;}100%{-ms-transform:rotate(-320deg);opacity:0;}}@-ms-keyframes spinoffPulse{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(360deg);}}</style>
<div id="circle" style="opacity: 1;"></div>
<div id="circletext" style="opacity: 1;"></div>
<div id="circle1" style="opacity: 1;"></div>
</body>
</html>